.p01047-contenedor {

}

.p01047-juego {
padding-left: 10%;
padding-right: 10%;
}
.p01047-juego .stl{
  width: 100%;
  height: 230px;
  border: 2px solid #000000;
  line-height: 100%;
  font-size: 100%;
  padding-left: 22%;
  padding-right: 22%;  
  padding-top: 8%;
  padding-bottom: 5%;
  border-radius: 2%;
  background-color: #00b3c1;
}
.p01047-juego .box{
  width: 100%;
  height: 100%;
  border: 0px solid #000;
}
.p01047-juego .fila{
  width: 100%;
  height: 25%;
  border: 0px solid #000;
}
.p01047-juego .fila2{
  width: 100%;
  height: 58%;
  border: 0px solid #000;
}
.p01047-juego .medio{
  float: left;
  width: 17%;
  height: 100%;
  padding-top:20%;
  border: 0px solid #000;
}
.p01047-juego .flechad{
  float:left;
  width: 40%;
  padding-top: 9%;
  padding-left: 10%;  
  height: 100%;
  border: 0px solid #000000;
  background-size:100% 100%;  
  background-repeat: no-repeat;
  background-position: center;  
}
.p01047-juego .flechad2{
  float:left;
  width: 41%;
  padding-top: 9%;
  padding-left: 13%;  
  height: 100%;
  border: 0px solid #000000;
  background-size:100% 100%;  
  background-repeat: no-repeat;
  background-position: center;  
}
.p01047-juego .num{
  float:left;
  font-weight: bold;
  width: 20%;
  height: 100%;
  padding-top: 5%;
  border: 0px solid #000;
  background-size: 100% 100%;
  text-align: center;
  font-size: 1.8em;
}
.p01047-juego .num2{
  float:left;
  font-weight: bold;
  width: 42%;
  height: 100%;
  padding-top: 10%;
  border-radius: 8%;
  border: 2px solid #000;
  text-align: center;
  font-size: 1.5em;
  background-color: #FFFFFF;
}
.p01047-juego .num3{
  float:left;
  font-weight: bold;
  width: 58%;
  height: 60%;
  padding-top: 10%;
  border-radius: 10%;
  border: 2px solid #000;
  text-align: center;

  background-color: #FFFFFF;
}
.p01047-juego .num4{
  float:left;
  font-weight: bold;
  width: 100%;
  height: 100%;
  padding-top: 20%;
  border-radius: 10%;
  border: 2px solid #000;
  text-align: center;
  font-size: 1.5em;
  background-color: #FFFFFF;
}
.p01047-juego .num5{
  float:left;
  font-weight: bold;
  width: 65%;
  height: 60%;
  padding-top: 10%;
  border-radius: 10%;
  border: 2px solid #000;
  text-align: center;
  background-color: #FFFFFF;
}
.p01047-juego .flecha{
  float:left;
  width: 60%;
  padding-left: 20%;
  height: 100%;
  border: 0px solid #000000;
  background-size:100% 25%;  
  background-repeat: no-repeat;
  background-position: center;  
}
.numeros{
	font-size: 1.5em;
}
.p01047-juego .resp{
  float:left;
  padding-top: 3%;
  font-weight: bold;
  text-align: center;
  float: left;
  width: 20%;
  height: 100%;
  border: 2px solid #f33b3b;
  background-color: #FFFFFF;
}

@media screen and (max-width: 1015px){
	.p01047-juego {
		padding-left: 0%;
		padding-right: 0%;
	}
	.p01047-juego .stl{
	  width: 100%;
	  height: 188px;
	  border: 2px solid #000000;
	  line-height: 100%;
	  font-size: 0.8em;
	  padding-left: 20%;
	  padding-right: 26%;  
	  padding-top: 7%;
	  padding-bottom: 2%;
	  border-radius: 2%;
	  background-color: #00b3c1;
	}
	.p01047-juego .resp{
	  float:left;
	  padding-top: 4%;
	  font-weight: bold;
	  text-align: center;
	  float: left;
	  width: 20%;
	  height: 100%;
	  border: 2px solid #f33b3b;
	  background-color: #FFFFFF;
	}
	.p01047-juego .num4{
	  height: 90%;

	}	
}

@media screen and (max-width: 450px){

}